	<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta charset="utf-8"/>
	<title>登录-大数据</title>

	<meta name="description" content="User login page"/>
	<meta name="viewport"
		  content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

	<%@include file="/commons/commons.jsp" %>

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/bootstrap.css"/>
	<link rel="stylesheet" href="${aceAdmin}/assets/css/font-awesome.css"/>

	<!-- text fonts -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-fonts.css"/>

	<!-- ace styles -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace.css"/>

	<!--[if lte IE 9]>
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-part2.css"
			/> <![endif] -->
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-rtl.css"/>

	<!--[if lte IE 9]>
	<link rel="stylesheet" href="${aceAdmin}/assets/css/ace-ie.css"
			/> <![endif] -->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media
	  queries -->

	<!--[if lt IE 9]>
	<script src="${aceAdmin}/assets/js/html5shiv.js"></script>
	<script src="${aceAdmin}/assets/js/respond.js"></script> <![endif] -->
	<%@include file="/commons/importCryptoJs.jsp" %>

</head>

<body class="login-layout">
<div class="main-container" style="height:100%; width:100%; position:fixed;">
	<div class="main-content" style="height:100%;">
		<div class="row" style="height:100%;">
			<div class="col-xs-12" style="background-color:#F7F7F7; min-height:15%;width:100%;" id="loginHeaderDivId">
				<div class="center" style="height:100%; padding-top: 2.5%;">
					<div style="font-size: 32px;">
						<%--<img alt="Change Avatar" src="${path}/resources/bigData/web/images/login_logo.png" />--%>
						<span style="color:#096C42">数据库建模设平台</span>
					</div>
				</div>
			</div>

			<div class="col-xs-12" style="padding:0px;height:70%;width:100%;" id="loginBodyDivId">

				<img alt="Change Avatar" src="${path}/resources/bigData/web/images/bigdata01.png" style="position:absolute; z-index:1;width:100%;height:100%;"/><!--   -->
				<img alt="Change Avatar" src="${path}/resources/bigData/web/images/bigdata04.png" style="position:absolute; z-index:2; padding-left: 10%;height:100%;"/><!--padding-top: 5%; padding-left: 10%;  width:55%; -->

				<!-- <div class="col-sm-10 col-sm-offset-1">
				<div class="login-container"> -->
					<%-- <div class="center">
						<h1>
							<i class="ace-icon fa fa-leaf green"></i>
							<img alt="Change Avatar" src="${path}/resources/bigData/web/images/login_logo.png" />
							<span class="red">海南师范大学</span>
							<span class="white" id="id-text2">大数据</span>
						</h1>

					</div>
					<div class="space-6"></div> --%>

					<div class="col-sm-4 col-md-3 col-xs-8 col-sm-offset-6 col-md-offset-8 col-xs-offset-2" style="position:absolute; z-index:3; margin-top: 5%;">
						<div id="login-box" class="login-box visible widget-box no-border">
							<div class="widget-body">
								<div class="widget-main">
									<h4 class="header blue lighter bigger">
										<i class="ace-icon fa fa-coffee green"></i>
										请输入您的登录信息
									</h4>

									<div class="space-6"></div>
									<form id="formLogin" method="post">
										<fieldset>
											<label class="block clearfix">
				                            <span class="block input-icon input-icon-right">
				                              <input name="username" type="text" class="form-control"
													 placeholder="Username" value="admin"/>
				                              <i class="ace-icon fa fa-user"></i>
				                            </span>
											</label>
											<label class="block clearfix">
				                            <span class="block input-icon input-icon-right">
				                              <input name="password" type="password" class="form-control"
													 placeholder="Password" value="123456" id="loginPassword"/>
				                              <i class="ace-icon fa fa-lock"></i>
				                            </span>
											</label>

											<div class="space"></div>
											<div class="clearfix">
												<label class="inline">
													<input type="checkbox" class="ace" name="saveLogin" />
													<span class="lbl"> 保存登录7天</span>
												</label>
												<button id="loginBtn" type="button"
														class="width-35 pull-right btn btn-sm btn-primary">
													<i class="ace-icon fa fa-key"></i>
													<span class="bigger-110">登录</span>
												</button>
											</div>
											<div class="space-4"></div>
										</fieldset>
									</form>

							<%--
									<div class="social-or-login center">
										<span class="bigger-110">第三方登录</span>
									</div>
									<div class="space-6"></div>
									<div class="social-login center">
										<a class="btn btn-primary">
											<i class="ace-icon fa fa-facebook"></i>
										</a>
										<a class="btn btn-info">
											<i class="ace-icon fa fa-twitter"></i>
										</a>
										<a class="btn btn-danger">
											<i class="ace-icon fa fa-google-plus"></i>
										</a>
									</div>
									--%>

								</div>
								<!-- /.widget-main -->
								<div class="toolbar clearfix">
									<%--<div>
										<a href="#" data-target="#forgot-box"
										   class="forgot-password-link">
											<i class="ace-icon fa fa-arrow-left"></i>
											忘记密码
										</a>
									</div>
									<div>
										<a href="#" data-target="#signup-box"
										   class="user-signup-link">
											注册
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>--%>
										<!-- <h4 class="white text-center" id="id-company-text">&copy;
											广东三盟信息科技有限公司
										</h4> -->
								</div>

							</div>
							<!-- /.widget-body -->
						</div>
						<!-- /.login-box -->
					</div>
					<!-- /.position-relative -->
			<!-- 	</div>
			</div> -->
			</div>
			<div class="col-xs-12" style="background-color: #FFFFFF;padding-top: 10px;height:15%;width:100%;" id="loginFooterDivId">
				<footer style="height:100%;">
					<div class="col-xs-12 col-sm-6 center" style="height:50%;">
						<a target="_blank" href="http://www.sunmnet.com/">
							<img alt="Change Avatar" src="${path}/resources/bigData/web/images/sunmnetLogo.png" style="width:10%;"/>
						</a>
						<span style="color:#8BAFC5; font-size:18px;">	广东三盟信息科技有限公司 </span>
						<div class="hr hr-16 hr-dotted"></div>
					</div>
					<div class="col-xs-12 col-sm-6 center" style="height:50%;">
						<span>您登录系统后，如需退出，请点击“退出”按钮。</span><br/>
					</div>
				</footer>
			</div>


			<%-- <div class="col-sm-10 col-sm-offset-1">
				<div class="login-container">
					<div class="center">
						<h1>
							<i class="ace-icon fa fa-leaf green"></i>
							<img alt="Change Avatar" src="${path}/resources/bigData/web/images/login_logo.png" />
							<span class="red">海南师范大学</span>
							<span class="white" id="id-text2">大数据</span>
						</h1>

					</div>

					<div class="space-6"></div>

					<div class="position-relative ">
						<div id="login-box" class="login-box visible widget-box no-border">
							<div class="widget-body">
								<div class="widget-main">
									<h4 class="header blue lighter bigger">
										<i class="ace-icon fa fa-coffee green"></i>
										请输入您的登录信息
									</h4>

									<div class="space-6"></div>
									<form id="loginBigdataForm" method="post">
										<fieldset>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input name="username" type="text" class="form-control"
									 placeholder="Username" value="admin"/>
                              <i class="ace-icon fa fa-user"></i>
                            </span>
											</label>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input name="password" type="password" class="form-control"
									 placeholder="Password" value="123456"/>
                              <i class="ace-icon fa fa-lock"></i>
                            </span>
											</label>

											<div class="space"></div>
											<div class="clearfix">
												<label class="inline">
													<input type="checkbox" class="ace"/>
													<span class="lbl"> 保存登录状态</span>
												</label>
												<button type="button"
														onclick="loginBigdataFormFun();"
														class="width-35 pull-right btn btn-sm btn-primary">
													<i class="ace-icon fa fa-key"></i>
													<span class="bigger-110">登录</span>
												</button>
											</div>
											<div class="space-4"></div>
										</fieldset>
									</form>


									<div class="social-or-login center">
										<span class="bigger-110">第三方登录</span>
									</div>
									<div class="space-6"></div>
									<div class="social-login center">
										<a class="btn btn-primary">
											<i class="ace-icon fa fa-facebook"></i>
										</a>
										<a class="btn btn-info">
											<i class="ace-icon fa fa-twitter"></i>
										</a>
										<a class="btn btn-danger">
											<i class="ace-icon fa fa-google-plus"></i>
										</a>
									</div>


								</div>
								<!-- /.widget-main -->
								<div class="toolbar clearfix">
									<div>
										<a href="#" data-target="#forgot-box"
										   class="forgot-password-link">
											<i class="ace-icon fa fa-arrow-left"></i>
											忘记密码
										</a>
									</div>
									<div>
										<a href="#" data-target="#signup-box"
										   class="user-signup-link">
											注册
											<i class="ace-icon fa fa-arrow-right"></i>
										</a>
									</div>
										<h4 class="white text-center" id="id-company-text">&copy;
											广东三盟信息科技有限公司
										</h4>
								</div>

							</div>
							<!-- /.widget-body -->
						</div>
						<!-- /.login-box -->

						<div id="forgot-box" class="forgot-box widget-box no-border">
							<div class="widget-body">
								<div class="widget-main">
									<h4 class="header red lighter bigger">
										<i class="ace-icon fa fa-key"></i>
										找回密码
									</h4>

									<div class="space-6"></div>
									<p>
										输入您的邮箱用于接收确认信息
									</p>

									<form>
										<fieldset>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="email" class="form-control"
									 placeholder="Email"/>
                              <i class="ace-icon fa fa-envelope"></i>
                            </span>
											</label>

											<div class="clearfix">
												<button type="button"
														class="width-35 pull-right btn btn-sm btn-danger">
													<i class="ace-icon fa fa-lightbulb-o"></i>
													<span class="bigger-110">发送</span>
												</button>
											</div>
										</fieldset>
									</form>
								</div>
								<!-- /.widget-main -->

								<div class="toolbar center">
									<a href="#" data-target="#login-box" class="back-to-login-link">
										返回登录页面
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</div>
							</div>
							<!-- /.widget-body -->
						</div>
						<!-- /.forgot-box -->

						<div id="signup-box" class="signup-box widget-box no-border">
							<div class="widget-body">
								<div class="widget-main">
									<h4 class="header green lighter bigger">
										<i class="ace-icon fa fa-users blue"></i>
										新账户注册
									</h4>

									<div class="space-6"></div>
									<p> 请开始输入您的信息: </p>

									<form>
										<fieldset>
											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="email" class="form-control"
									 placeholder="Email"/>
                              <i class="ace-icon fa fa-envelope"></i>
                            </span>
											</label>

											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="text" class="form-control"
									 placeholder="Username"/>
                              <i class="ace-icon fa fa-user"></i>
                            </span>
											</label>

											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="password" class="form-control"
									 placeholder="Password"/>
                              <i class="ace-icon fa fa-lock"></i>
                            </span>
											</label>

											<label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="password" class="form-control"
									 placeholder="Repeat password"/>
                              <i class="ace-icon fa fa-retweet"></i>
                            </span>
											</label>

											<label class="block">
												<input type="checkbox" class="ace"/>
                            <span class="lbl">
                              我接受
                              <a href="#">注册协议</a>
                            </span>
											</label>

											<div class="space-24"></div>

											<div class="clearfix">
												<button type="reset"
														class="width-30 pull-left btn btn-sm">
													<i class="ace-icon fa fa-refresh"></i>
													<span class="bigger-110">重置</span>
												</button>

												<button type="button"
														class="width-65 pull-right btn btn-sm btn-success">
													<span class="bigger-110">注册</span>
													<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
												</button>
											</div>
										</fieldset>
									</form>
								</div>

								<div class="toolbar center">
									<a href="#" data-target="#login-box" class="back-to-login-link">
										<i class="ace-icon fa fa-arrow-left"></i>
										返回登录页面
									</a>
								</div>
							</div>
							<!-- /.widget-body -->
						</div>
						<!-- /.signup-box -->
					</div>
					<!-- /.position-relative -->

					<div class="navbar-fixed-top align-right">
						<br/>
						&nbsp;
						<a id="btn-login-dark" href="#">黑色</a>
						&nbsp;
						<span class="blue">/</span>
						&nbsp;
						<a id="btn-login-blur" href="#">深空</a>
						&nbsp;
						<span class="blue">/</span>
						&nbsp;
						<a id="btn-login-light" href="#">亮光</a>
						&nbsp; &nbsp; &nbsp;
					</div>
				</div>
			</div> --%>
			<!-- /.col -->
		</div>
		<!-- /.row -->
	</div>
	<!-- /.main-content -->
</div>
<!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery || document.write("<script src='${aceAdmin}/assets/js/jquery.js'>" + "<" + "/script>");
</script>

<!-- <![endif] -->

<!--[if IE]>
<script type="text/javascript"> window.jQuery || document.write("<script src='${aceAdmin}/assets/js/jquery1x.js'>" + "<" + "/script>"); </script>
<![endif] -->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement) document.write("<script src='${aceAdmin}/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
</script>
<script src="${path}/resources/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/sunmnet/sUtils.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">
	jQuery(function ($) {
		$(document).on('click', '.toolbar a[data-target]', function (e) {
			e.preventDefault();
			var target = $(this).data('target');
			$('.widget-box.visible').removeClass('visible');//hide others
			$(target).addClass('visible');//show target
		});

		/* 初始化背景样式 */
		$('body').attr('class', 'login-layout light-login');
		$('#id-text2').attr('class', 'grey');
		$('#id-company-text').attr('class', 'white text-center');

//		e.preventDefault();
	});

	//you don't need this, just used for changing background
	jQuery(function ($) {
		$('#btn-login-dark').on('click', function (e) {
			$('body').attr('class', 'login-layout');
			$('#id-text2').attr('class', 'white');
			$('#id-company-text').attr('class', 'white text-center');

			e.preventDefault();
		});
		$('#btn-login-light').on('click', function (e) {
			$('body').attr('class', 'login-layout light-login');
			$('#id-text2').attr('class', 'grey');
			$('#id-company-text').attr('class', 'white text-center');

			e.preventDefault();
		});
		$('#btn-login-blur').on('click', function (e) {
			$('body').attr('class', 'login-layout blur-login');
			$('#id-text2').attr('class', 'white');
			$('#id-company-text').attr('class', 'white text-center');

			e.preventDefault();
		});

		//浏览器窗口改变时，重新刷新样式
		window.onresize = function () {
			var height = $(window).height();
			var width = $(window).width();
			if(height >= 600){
				$('#loginHeaderDivId').css('height', height*0.15);
				$('#loginBodyDivId').css('height', height*0.7);
				$('#loginFooterDivId').css('height', height*0.15);
			}else if(height < 600){
				var loginDivHeight = $('#loginBodyDivId').css('height');
				$('#loginBodyDivId').css('height', loginDivHeight).css('line-height', loginDivHeight);
				var height = $('#loginBodyDivId').css('height');
				$('#loginBodyDivId').css('line-height');
			}
		}


	});
</script>

<%
	String redirect = request.getParameter("redirect");
	if (redirect == null) {
		redirect = "";
	}
%>
<script>

	var formId = '#formLogin';
	var loginUrl = path + '/admin/index.jsp#page/home';

	/**
	 * 重写loginUtils方法
	 * */
	loginUtils.confirm = function (msg) {
		return confirm(msg);
	};

	loginUtils.show = function (msg) {
//		alert(msg);
	};

	loginUtils.showMsg = function (msg) {
		alert(msg);
	};

	loginUtils.getRedirect = function () {
		var redirect = '<%=redirect%>';

		//slog.log('redirect: ' + params.redirect);
		/*
		 http://localhost:8080/bigdata/login.jsp?redirect=%2Fadmin%2Findex.jsp%3F#page/security/list
		 ==>>>> /admin/index.jsp?#page/security/list
		 http://localhost:8080/bigdata/login.jsp?redirect=%2Fadmin%2Findex.jsp%3F
		 ==>>>> /admin/index.jsp?
		 http://localhost:8080/bigdata/login.jsp
		 http://localhost:8080/bigdata
		 ==>>>> /admin/index.jsp

		 */
		var str = window.location.href;
		var match = str.match(/=(.*)/i);
		if (match != null && match.length > 1) {
			var urlParam = match[1];
//				if (urlParam.length != 23) {
			urlParam = urlParam
					.replace(/%2F/g, '/')
					.replace(/%3F/g, '?');
//				}

//				admin/security/list.jsp? ==>
//				admin/index.jsp#page/security/list.jsp
			if (urlParam.indexOf('admin/index.jsp') == -1) {
				urlParam = urlParam.replace('admin/', 'admin/index.jsp#page/')
						.replace('?', '');
			}
			redirect = urlParam;
		}

		redirect = redirect.replace('?', '');
		slog.log('redirect: ' + redirect);
		return redirect;
	};

	loginUtils.setLoginUrl(loginUrl);

	loginUtils.fromValidate = function () {
		var params = sUtils.getFormParams(formId);
		if (sUtils.isNull(params.username)) {
			alert("用户名不能为空!!");
			return false;
		}

		if (sUtils.isNull(params.password)) {
			alert("密码不能为空!!");
			return false;
		}
		return true;
	};

	loginUtils.loginSuccess = function () {
		$.cookie('loginType', null);
	};

	$(document).ready(function () {

		loginUtils.checkLogin('${sessionScope.CURRENT_USER_ID}');

	});

</script>
</body>
</html>
